<!DOCTYPE html>
<html lang="en" class="dark">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>高能的博客</title>
    <!-- <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> -->
    
<link rel="stylesheet" href="/css/root.css">

    
<script src="/js/tailwind.js"></script>

    
<link rel="stylesheet" href="/css/tailwind.min.css">

    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js"></script>    
    <style>
        .isLoading {
            filter: blur(10px);
            overflow: hidden;
        }
        .finishLoading{
            filter: blur(0);
            overflow: hidden;
        }
    </style>

    <script src="js/index.js" defer></script>
<meta name="generator" content="Hexo 6.1.0"></head>
    <body class="bg-gray-200 dark:bg-gray-900">
        <style>
            html,body{width: 100%;height: 100%;margin: 0;padding: 0;}
        </style>
        <div class="
            container
            m-auto
            flex
            sm:w-11/12
            md:w-11/12
            lg:w-11/12
            xl:w-3/4
            2xl:w-3/4
            pt-4
        ">
            
<link rel="stylesheet" href="/css/components/author.css">

<script>
    $('.menu li a').on('click', (e)=>{
        toggleMenu()
        e.preventDefault();
    })
</script>
<style>
    .side-menu{
        transition: all .5s ease;
    }
    .isHidden{
        left: -200px;
    }
    .isShow{
        left: 0;
        display: block;
    }
    .masks{
        display: none;
    }
    .mask{
        background: black;
        opacity: .3;
    }
</style>
<div class="
    flex
    lg:hidden
    xl:hidden
    2xl:hidden
"
    style="width: 50px;height: 50px;border-radius: 100%; background: rgb(36, 236, 103); position: fixed; bottom: 1em; left: 1em;"
    onclick="toggleMenu()"
>
    <svg style="margin: auto;"
        xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
    </svg>
</div>
<div 
class="
    masks
    sm:block
    md:block
    lg:hidden
    xl:hidden
    2xl:hidden
    w-screen
    h-screen
    sm: fixed
    md: fixed
    inset-0
" onclick="toggleMenu()">
</div>
<div class="
        bg-gray-200
        dark:bg-gray-900
        fixed
        side-menu
        isHidden
        sm:block
        md:block
        lg:hidden
        xl:hidden
        2xl:hidden
        sm:fixed
        md:fixed
        xl:static
        2xl:static
        h-screen
        top-0
        left-0
">
    <div
        class="
        author-block
        bg-gray-100
        dark:bg-gray-800
        "
        style="margin-top: 1em;"
    >
        <img src="/img/author_avatar.jpg" alt="" />
        <div class="author-block-description">
            <p class="
                m-auto
                text-center
                mt-2
                w-4/5
                truncate
                dark:text-gray-100
            ">高能</p>
            <p class="
                m-auto
                text-center
                mt-2
                w-4/5
                truncate
                text-sm
                dark:text-gray-200
            ">我不知道说什么就随便打一点吧</p>
        </div>
    </div>
    <div
        class="
            menu
        "
        style="padding: 0;"
    >
        <div 
            class="
                w-full
                bg-gray-100
                dark:bg-gray-800
        "
        >
            <ul class="
                text-center
            "
            >
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                "
                >
                    <a href="/"
                       class="menu-item-link hover:text-blue-700"
                    >
                        首页
                    </a>
                </li>
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                "
                >
                    <a href="/categories"
                       class="menu-item-link hover:text-blue-700"
                    >
                        归档
                    </a>
                </li>
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                "
                >
                    <a href="/Link"
                       class="menu-item-link hover:text-blue-700"
                    >
                        朋友们
                    </a>
                </li>
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                "
                >
                    <a href="/about"
                       class="menu-item-link hover:text-blue-700"
                    >
                        关于我
                    </a>
                </li>
                
            </ul>
        </div>
    </div>
    <div class="
        closeMenu
        w-full
        flex
    "
        style="
            height: 50px; position: absolute; bottom: 5px;justify-content: center;
        "
    >
        <div 
            class="
                close
                w-10/12
                dark: bg-gray-600
                flex
                text-gray-200
            "
            style="
                justify-content: center;
                align-items: center;
            "
            onclick="
                toggleMenu()
            "
        >
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
            </svg>
        </div>
    </div>
</div>
<div
    class="
        author-wrapper
        hidden
        flex-shrink-0
        sm:hidden
        md:hidden
        lg:block
        xl:block
        2xl:block
    "
>
    <div class="
        author-block
        bg-gray-100
        rounded-md
        shadow
        mb-1
        dark:bg-gray-800
    ">
        <img src="/img/author_avatar.jpg" alt="" />
        <div class="author-block-description">
            <p class="
                m-auto
                text-center
                mt-2
                w-4/5
                truncate
                dark:text-gray-100
            ">高能</p>
            <p class="
                m-auto
                text-center
                mt-2
                w-4/5
                truncate
                text-sm
                dark:text-gray-200
            ">我不知道说什么就随便打一点吧</p>
        </div>
    </div>
    <div
        class="
            menu
            mt-4
        "
    >
        <div 
            class="
                w-full
                bg-gray-100
                rounded-md
                shadow
                mt-4
                dark:bg-gray-800
        "
        >
            <ul class="
                text-center
            "
            >
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                " onclick="toggleMenu()"
                >
                    <a href="/"
                       class="menu-item-link hover:text-blue-700"
                       
                    >
                        首页
                    </a>
                </li>
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                " onclick="toggleMenu()"
                >
                    <a href="/categories"
                       class="menu-item-link hover:text-blue-700"
                       
                    >
                        归档
                    </a>
                </li>
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                " onclick="toggleMenu()"
                >
                    <a href="/Link"
                       class="menu-item-link hover:text-blue-700"
                       
                    >
                        朋友们
                    </a>
                </li>
                
                <li class="
                    menu-item
                    pt-1
                    pb-1
                    dark:text-gray-200
                " onclick="toggleMenu()"
                >
                    <a href="/about"
                       class="menu-item-link hover:text-blue-700"
                       
                    >
                        关于我
                    </a>
                </li>
                
            </ul>
        </div>
    </div>
</div>
            <div id="view" class="w-full ">
                
<link rel="stylesheet" href="/css/components/vs2015.min.css">


<link rel="stylesheet" href="/css/components/post.css">

<div class="post w-full">
    <div
        class="
            post-content-wrapper
            mb-2
            rounded-lg
            w-full
            m-auto
            sm:w-full
            md:w-full
            bg-gray-100
            p-4
            shadow
            dark:bg-gray-800
    "
    >
        <div class="post-content w-full">
            <a class="back"
               href='javascript:void(0)'
               onclick="window.history.go(-1)">返回</a>
            <br />
            <h2 id="博客迁移公告"><a href="#博客迁移公告" class="headerlink" title="博客迁移公告"></a>博客迁移公告</h2><p>最近给博客换了一下皮肤，<code>tailwind.css + jquery + pjax</code>写的。可能写的比较粗制滥造，<del>凑合着看吧</del>.</p>

        </div>
    </div>
</div>
<script src='https://unpkg.com/valine/dist/Valine.min.js'></script>
<style>
#vcomments{
    background:white;
    margin-top:15px;
}
</style>
<div 
    id="vcomments"
    class="
        bg-gray-100
        dark:bg-gray-800
    "
></div>
<script>
    new Valine({
        el: '#vcomments',
        appId: 'AtqlqVzfRkyMHAuApkDSI4PU-gzGzoHsz',
        appKey: 'XkCJLequPVpjBIYkPBLyouA3'
    })
</script>

            </div>
        </div>
    </body>
</html>
